<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="commonJS::commonJsCss('计费统计')">
    <title>计费统计</title>
</head>
<body ng-app="billingStatisticsApp" ng-controller="billingStatisticsCtrl" ng-init="init()">
<!--通用头部-->
<div th:replace="head::header" ></div>
<div th:replace="menu::menu" ></div>
<div style="height: 91%">
    <div class="form-query">
        <table class="div_form_table">
            <tr>
                <td class="div_form_middle_title" style="text-align: left;">
                    月份：
                    <input id="endMonth" name="endMonth" size="25" type="text" class="Wdate"
                           onClick="WdatePicker({dateFmt:'yyyy-MM',onpicked:function(){$(this).trigger('change')}})"
                           data-ng-model="endMonth" readonly/>
                    <button class="form-btn-edit" data-ng-click="statistics()">统计</button>
                    <button class="form-btn-insert" data-ng-click="exportExcel()">导出</button>
                </td>
            </tr>
        </table>
    </div>

    <div class="form-table" style="width: 88%;min-height: 605px;height: 93%">
        <!--表格+条件查询+关联+分页-->
        <div class="billingrule_table_div">
            <div class="form-table" style="margin: 3px;">
                <!--表格加分页：inline-block使分页在表格下-->
                <div class="page-in-table">
                    <p style="font-size: 18px;font-weight: bold;text-align: center;">{{title }}</p>
                    <!--表格-->
                    <table class="efbtable" data-ng-repeat="excelItem in excelItems">
                        <caption>年份：{{year }}</caption>
                        <tr>
                            <th class="efbth" data-ng-repeat="title in excelItem.titles">{{title }}</th>
                        </tr>
                        <tr data-ng-repeat="value in excelItem.values">
                            <td class="efbTable-border" data-ng-repeat="cell in value track by $index">{{cell }}</td>
                        </tr>
                    </table>
                    <div style="float: left" data-ng-repeat="contractUser in contractUsers">
                        <button title="{{contractUser.userAbbrev}}" id="contractUser.contractUserId" data-ng-click="statistics(contractUser.contractUserId)" ng-class="{'button-checked':(contractUser.contractUserId == contractUserId),'button-unChecked':(contractUser.contractUserId != contractUserId)}">
                            {{contractUser.userAbbrev }}
                        </button>
                    </div>
                </div>
            </div>
        </div>
        <!--外部容器的DIV随着内部DIV增多而增加高度-->
        <div style="clear:both;"></div>
    </div>
</div>
<!--通用尾部-->
<div th:replace="footer::footer" ></div>
<script type="text/javascript" th:src="@{/js/billingStatistics/BillingStatisticsModule.js}"></script>
<script type="text/javascript" th:src="@{/js/common/cookieUtil.js}"></script>
<script type="text/javascript" th:src="@{/js/billingStatistics/BillingStatisticsService.js}"></script>
<script type="text/javascript" th:src="@{/js/billingStatistics/BillingStatisticsController.js}"></script>
<!--时间插件-->
<script type="text/javascript" th:src="@{/js/My97DatePicker/WdatePicker.js}" charset="UTF-8"></script>
</body>
</html>